技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 12 屆 iThome 鐵人賽
DAY
14
3
影片教學
CSS 優良部份
系列 第
14
篇
【Tailwind CSS 教學 - 7】Pseudo-Class Variants 是 CSS 屆的偉大發明
12th鐵人賽
廖洧杰
2020-09-29 10:53:26
2152 瀏覽
分享至
影片重點
講解傳統寫偽元素 CSS 跟 Pseudo-Class Variants 的差異
Live Demo 表單 focus 與 hover 的設計方式
調整按鈕的 hover 樣式
文獻連結
Pseudo-Class Variants
留言
1
追蹤
檢舉
上一篇
【Tailwind CSS 教學 - 6】我知道你懂 CSS Reset,但你懂 base 全站樣式設定嗎?
下一篇
【Tailwind CSS 教學 - 8】詳解 Variant Tailwind config 設定方式
系列文
CSS 優良部份
共
30
篇
目錄
RSS系列文
訂閱系列文
153
人訂閱
26
【Bootstrap 5 客製化教學 - 4】透過 Bootstrap 達到容器與內容分離
27
【Tailwind CSS 教學 - 14】透過 Tailwind 達到容器與內容分離
28
【Bootstrap 5 客製化教學 - 5】RFS 響應式文字設定
29
【Bootstrap 5 客製化教學 - 6】BS5 utilities 客製化,讓他變得跟 TailwindCSS 一樣強!
30
【終章】 Tailwind VS Bootstrap5 誰能稱霸?
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
1 則留言
1
Tree
iT邦新手 2 級 ‧
2020-09-29 14:32:30
分享一個取得範例中完整 CSS 的方法 , 那就是到開發工具中找
回應
1
檢舉
廖洧杰
iT邦高手 2 級 ‧
2020-09-29 14:41:18
檢舉
感謝補充~ 怎麼忘了可以直接從 devtools copy 呢 XD
感謝補充~ 怎麼忘了可以直接從 devtools copy 呢 XD
修改
登入發表回應
我要留言
立即登入留言
iThome鐵人賽
參賽組數
398
組
團體組數
13
組
累計文章數
2823
篇
最後報名日
9/15
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
17th鐵人賽
windows
php
c#
windows server
linux
css
react
熱門問題
不知道網路紅隊的要去那加公司
更換FW後Public IP service無法使用
鼎新ERP欄位可修改預設值嗎
Ansible 連線主機的 port 不是 22 遇到的問題
備份映像檔
Outlook 寄件備份消失問題 (已解決)
請問有人遇過在lightsail上部屬fastapi失敗的案例?
aws ec2 檢查故障問題
IIS 管理員 連線功能不見
熱門回答
鼎新ERP欄位可修改預設值嗎
不知道網路紅隊的要去那加公司
Ansible 連線主機的 port 不是 22 遇到的問題
更換FW後Public IP service無法使用
備份映像檔
熱門文章
什麼是 Signal ?
第10天,No-Code 快速上線又省錢 / 原汁排骨湯 台北最好喝的排骨湯(台北萬華)| 30天滷肉飯
序: AI 加速編碼後,你該學什麼?
第11天,LibreOffice 更省錢 / 司機俱樂部 宵夜好選擇(台北松山)| 30天滷肉飯
第12天,即時通訊軟體選擇 / 金峰滷肉飯 台北名店(台北中正)| 30天滷肉飯
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}